<div id="myCarousel" class="carousel slide">
<br/><br/>
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
    <div class="clearfix">
	<a href="motes"><div class="box"><h3>Motes</h3> <div class="pic"><img src="motes.png"></div> <p>View and control sensor motes</p></div></a>
	<a href="graph"><div class="box"><h3>Graphs</h3> <div class="pic"><img src="graphs.png"></div> <p>Visualize sensor data</p></div></a>
	<a href="listen"><div class="box"><h3>Listen</h3> <div class="pic"><img src="listen.png"></div> <p>Display data coming from attached motes</p></div></a>
	</div>
</div>
<div class="item">
	<div class="clearfix">
	<a href="upload"><div class="box"><h3>Upload</h3> <div class="pic"><img src="upload.png"></div> <p>Put C or SEAL applications on motes</p></div></a>
	<a href="blockly"><div class="box"><h3>SEAL-Blockly</h3> <div class="pic"><img src="seal-b.png"></div> <p>SEAL block programming editor</p></div></a>
	<a href="login"><div class="box"><h3>Login</h3> <div class="pic"><img src="login.png"></div> <p>Log in to get more access</p></div></a>
	</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel" data-slide="prev">
	<table width="90%" height="90%">
	<tr><td style="align: center; vertical-align: middle;">
		&lsaquo;
	</td></tr></table>
</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">
	<table width="100%" height="90%">
	<tr><td style="align: center; vertical-align: middle;">
		&rsaquo;
	</td></tr></table>    
</a>
</div>